<template>
	<div class="alternativeresume">
		<el-row style="margin-bottom: 24px;">
			<el-col>
				<div class="header_container2">
					<div class="left">备用简历 </div>
					<div class="byjl" style="color: #999999;" v-show="isedite==false" @click="isedite=true">
						批量删除
					</div>
					
					<div class="byjl" style="color: #999999;" v-show="isedite==true">
						  <span @click="isedite=false">取消</span> <span style="margin-left: 30px;" v-show="isedite==true" class="redcolor">批量删除</span> 
					</div>
				</div>
				<div class="positions">
					<sparecom v-for="(item,index) in joblist" :item="item" :key='index' :isedite='isedite'></sparecom>
					<div class="row" style="justify-content: flex-end;">
						<div class="pagination">
							<el-pagination background @current-change="handleCurrentChange" layout="prev, pager, next, jumper" :total="total">
							</el-pagination>
						</div>
					</div>
				</div>

			</el-col>
		</el-row>
	</div>
</template>
<script>
	import headTop from '@/components/headTop'
	import sparecom from '@/components/sparecom.vue'
	export default {
		data() {
			return {
				joblist: [{}, {}, {}],
				cur_page: 1,
				total: 100,
				isedite: false
			}
		},
		components: {
			headTop,
			sparecom
		},
		created() {

		},
		methods: {
			//页面跳转
			goUrl(url) {
				console.log(url);
				this.$router.push({
					path: url
				})
			},

			// 分页导航
			handleCurrentChange(val) {
				this.cur_page = val;
				this.getList();
			},
		}
	}
</script>


<style lang="less" scoped="scoped">
	@import '../../style/mixin';

	.alternativeresume {
		.positions {
			display: flex;
			flex-direction: column;
			margin-top: 24px;
		}

		.header_container2 {
			width: 100%;
			color: #333333;
			border-left: 4px solid #226FFF;
			font-weight: bold;
			font-size: 24px;
			display: flex;
			align-items: center;
			padding-left: 20px;
			box-sizing: border-box;
			margin: 60px 0px 30px;
			justify-content: space-between;
			
			.byjl {
				font-size: 16px;
				color: #999999;
				cursor: pointer;
			}
		}
	}
</style>
